<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>基本 | Triwin</title>
    <meta name="description" content="triwin Web规范">
    <link rel="stylesheet" href="/triwin-web-inline/assets/style.d82f6ee1.css">
    <link rel="modulepreload" href="/triwin-web-inline/assets/Home.7f532832.js">
    <link rel="modulepreload" href="/triwin-web-inline/assets/app.5c149594.js">
    <link rel="modulepreload" href="/triwin-web-inline/assets/VUE3_index.md.8f5c37c3.lean.js">
    <link rel="modulepreload" href="/triwin-web-inline/assets/app.5c149594.js">
    <link rel="icon" href="/favicon.ico">
    <meta name="twitter:title" content="基本 | Triwin">
    <meta property="og:title" content="基本 | Triwin">
  </head>
  <body>
    <div id="app"><!--[--><div class="theme"><header class="nav-bar" data-v-675d8756><div class="sidebar-button" data-v-675d8756><svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" class></path></svg></div><a class="nav-bar-title" href="/triwin-web-inline/" aria-label="Triwin, back to home" data-v-675d8756 data-v-4a583abe><!----> Triwin</a><div class="flex-grow" data-v-675d8756></div><div class="nav" data-v-675d8756><nav class="nav-links" data-v-675d8756 data-v-eab3edfe><!--[--><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item active" href="/triwin-web-inline/VUE3/" data-v-b8818f8c>文档 <!----></a></div></div><!--]--><!----><!----></nav></div><!--[--><!--]--></header><aside class="sidebar" data-v-83e92a68><nav class="nav-links nav" data-v-83e92a68 data-v-eab3edfe><!--[--><div class="item" data-v-eab3edfe><div class="nav-link" data-v-eab3edfe data-v-b8818f8c><a class="item active" href="/triwin-web-inline/VUE3/" data-v-b8818f8c>文档 <!----></a></div></div><!--]--><!----><!----></nav><!--[--><!--]--><ul class="sidebar-links" data-v-83e92a68><!--[--><li class="sidebar-link"><p class="sidebar-link-item">数据中台前端</p><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item active" href="/triwin-web-inline/VUE3/">基本</a><ul class="sidebar-links"><li class="sidebar-link"><a class="sidebar-link-item" href="#vue3-📔">Vue3 📔</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="#ts-📔">TS 📔</a><!----></li></ul></li><li class="sidebar-link"><a class="sidebar-link-item" href="/triwin-web-inline/VUE3/vue">代码规范Vue篇</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/triwin-web-inline/VUE3/ts">代码规范TS篇</a><!----></li><li class="sidebar-link"><a class="sidebar-link-item" href="/triwin-web-inline/VUE3/diff">细节</a><!----></li></ul></li><!--]--></ul><!--[--><!--]--></aside><!-- TODO: make this button accessible --><div class="sidebar-mask"></div><main class="page" data-v-7eddb2c4><div class="container" data-v-7eddb2c4><!--[--><!--]--><div style="position:relative;" class="content" data-v-7eddb2c4><div><h1 id="基本" tabindex="-1">基本 <a class="header-anchor" href="#基本" aria-hidden="true">#</a></h1><p>本套文档，主要针对项目使用的VUE3、TS和对应的UI框架而撰写😆</p><p>下面简单说明本项目前端开发需要掌握和了解的技能</p><h2 id="vue3-📔" tabindex="-1">Vue3 📔 <a class="header-anchor" href="#vue3-📔" aria-hidden="true">#</a></h2><p>项目基于vue3开发，相对与vue2还是有不少地方改动，所以推荐把vue3官方文档再次通读一遍以便加深理解 (❁´◡`❁)</p><p>💫 <a href="https://v3.cn.vuejs.org/guide/introduction.html" target="_blank" rel="noopener noreferrer">具体查看vue3官网</a></p><p>或者 有着深厚的vue2基础，只关注变动部分可以看官方给的 💫 <a href="https://v3.cn.vuejs.org/guide/migration/introduction.html#%E7%94%A8%E4%BA%8E%E8%BF%81%E7%A7%BB%E7%9A%84%E6%9E%84%E5%BB%BA%E7%89%88%E6%9C%AC" target="_blank" rel="noopener noreferrer">用于迁移的构建版本</a></p><h2 id="ts-📔" tabindex="-1">TS 📔 <a class="header-anchor" href="#ts-📔" aria-hidden="true">#</a></h2><p>项目是基于vue3 + Ts的开发，所以Ts也需要一定基础 💫 <a href="https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html" target="_blank" rel="noopener noreferrer">TS传送门</a></p><p>或者看视频学习 这里推荐一个 💫 <a href="https://www.bilibili.com/video/BV1Tq4y1E7cj?p=1" target="_blank" rel="noopener noreferrer">非官方视频传送门</a></p><p>或者自己找对应的学习视频学习</p></div></div><footer class="page-footer" data-v-7eddb2c4 data-v-fb8d84c6><div class="edit" data-v-fb8d84c6><div class="edit-link" data-v-fb8d84c6 data-v-1ed99556><!----></div></div><div class="updated" data-v-fb8d84c6><!----></div></footer><div class="next-and-prev-link" data-v-7eddb2c4 data-v-38ede35f><div class="container" data-v-38ede35f><div class="prev" data-v-38ede35f><!----></div><div class="next" data-v-38ede35f><a class="link" href="/triwin-web-inline/VUE3/vue" data-v-38ede35f><span class="text" data-v-38ede35f>代码规范Vue篇</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon icon-next" data-v-38ede35f><path d="M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"></path></svg></a></div></div></div><!--[--><!--]--></div></main></div><!----><!--]--></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"vue3_diff.md\":\"1e05b574\",\"vue3_index.md\":\"8f5c37c3\",\"vue3_ts.md\":\"22aafe44\",\"vue3_vue.md\":\"d53f90c9\",\"index.md\":\"1651360c\"}")</script>
    <script type="module" async src="/triwin-web-inline/assets/app.5c149594.js"></script>
    
  </body>
</html>